@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "liberation_sansregular", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #4F4356;
	background-image: url(../images/background.jpg); background-color:#c2ccd3;
	background-repeat: no-repeat;
 	no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
}



		
.container{
	width:1000px;
	height:auto;
	margin:auto;

	}
	
.header {
	width: 1000px;
	height: 60px;
	margin: auto;
	margin-top: 10px;
}
.middle {
	width: 800px;
	height: 50px;
	margin: auto;
	 
}

.bottom {
	/*width: 335px;
	height: 50px;
	margin: auto;
	text-align:center;
	margin-top:90px;
	margin-left:320px;*/
	width: 464px;
	height: 349px;
	margin: auto;
	text-align:center;
	margin-top:10px;
	margin-left:150px;
	background-image:url(../images/start-btn.png); background-repeat:no-repeat;
}

.bottom-th {
	/*width: 335px;
	height: 50px;
	margin: auto;
	text-align:center;
	margin-top:70px;
	margin-left:320px;*/
	width: 464px;
	height: 349px;
	margin: auto;
	text-align:center;
	margin-top:10px;
	margin-left:150px;
	background-image:url(../images/start-btn.png); background-repeat:no-repeat;
}

.logo {
	width: 93px;
	height: 61px;
	float: left;
}
.flag-th {
	width: 33px;
	height: 33px;
	float: right;
}
.flag-uk {
	width: 32px;
	height: 32px;
	float: right;
}
.big-heading {
	font-family: 'liberation_sansbold';
	font-size: 60px;
	color: #ffffff;
	padding-top: 140px;
	text-align: center;
	line-height:50px;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
 

.big-heading-th {
	font-family: "NotoSansThaiBold", tahoma;
	font-size: 44px;
	color: #ffffff;
	padding-top: 140px;
	text-align: center;
	line-height:60px;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
}
 



@font-face {
	font-family: 'liberation_sansregular';
	src: url('fonts/liberationsans-regular-webfont.eot');
	src: url('fonts/liberationsans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/liberationsans-regular-webfont.woff2') format('woff2'), url('fonts/liberationsans-regular-webfont.woff') format('woff'), url('fonts/liberationsans-regular-webfont.ttf') format('truetype'), url('fonts/liberationsans-regular-webfont.svg#liberation_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}
@font-face {
	font-family: 'liberation_sansbold';
	src: url('fonts/liberationsans-bold-webfont.eot');
	src: url('fonts/liberationsans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/liberationsans-bold-webfont.woff2') format('woff2'), url('fonts/liberationsans-bold-webfont.woff') format('woff'), url('fonts/liberationsans-bold-webfont.ttf') format('truetype'), url('fonts/liberationsans-bold-webfont.svg#liberation_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: 'NotoSansThaiRegular';
	src: url('fonts/NotoSansThaiRegular-webfont.eot');
	src: url('fonts/NotoSansThaiRegular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/NotoSansThaiRegular-webfont.woff2') format('woff2'), url('fonts/NotoSansThaiRegular-webfont.woff') format('woff'), url('fonts/NotoSansThaiRegular-webfont.ttf') format('truetype'), url('fonts/NotoSansThaiRegular-webfont.svg#NotoSansThaiRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansThaiBold';
	src: url('fonts/NotoSansThaiBold-webfont.eot');
	src: url('fonts/NotoSansThaiBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/NotoSansThaiBold-webfont.woff2') format('woff2'), url('fonts/NotoSansThaiBold-webfont.woff') format('woff'), url('fonts/NotoSansThaiBold-webfont.ttf') format('truetype'), url('fonts/NotoSansThaiBold-webfont.svg#NotoSansThaiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

 
a {
	outline : none;
}
a img {
	outline : none;
}
img {
	border : 0;
}


.start-botton {	
   font-size: 36px;
   color: #ffffff;
   font-family: "liberation_sansbold", Helvetica, Arial, sans-serif;
   text-decoration: none;
   text-align:center;
   text-transform:uppercase;
   line-height:40px;	 
}

.start-botton:hover {
	
   border-top-color: #000000;
   color: #fce609;
	
}

.start-botton-th {	
   font-size: 36px;
   color: #ffffff;
   font-family: "NotoSansThaiBold", tahoma;
   text-decoration: none;
   text-align:center;
   text-transform:uppercase;
   line-height:40px;	 
}

.start-botton-th:hover {
	
   border-top-color: #000000;
   color: #fce609;
	
}

.mobile{
	 
	float:right;
	margin-top:20px;
	
	}
.phone{	 
    background-image:url(../images/phone.png);
    background-repeat:no-repeat;
    height:470px;
    margin-top:17px;
    margin-left: 770px;
    bottom: 0;
	}
	
.phone-th{	 
    background-image:url(../images/phone-th.png);
    background-repeat:no-repeat;
    height:470px;
    margin-top:17px;
    margin-left: 770px;
    bottom: 0;
	}
	
.button-position{
	padding-top:80px;
	padding-left:190px;
	
	}